.layout-footer {
  position: absolute;
  bottom: 0*@hd;
  left: 0*@hd;
  right: 0*@hd;
  height: 50*@hd;
  .firstMessage {
    position: fixed;
    left: 35%;
    bottom: 55*@hd;
    z-index: 99;
    width: 160*@hd;
    height: 30*@hd;
    line-height: 30*@hd;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-family: PingFangSC-Regular;
    font-size: 12*@hd;
    color: #333333;
    letter-spacing: -0.09*@hd;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 0 3*@hd 0 rgba(0,0,0,0.50);
    border-radius: 3*@hd; 
    .arrow {
      position: relative;
      z-index: -10;
      height: 9*@hd;
      width: 9*@hd;
      margin: -6*@hd auto;
      background: #FFFFFF;
      // box-shadow: 0 0 3*@hd 0 rgba(0,0,0,0.50);
      box-shadow: 1*@hd 1*@hd 1*@hd 0 rgba(0,0,0,0.50);
      transform:rotate(45deg);
      -ms-transform:rotate(45deg); 	/* IE 9 */
      -moz-transform:rotate(45deg); 	/* Firefox */
      -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
      -o-transform:rotate(45deg); 	/* Opera */
    }
  }
  .shedule-footer {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49*@hd;
    background: #fff;
    text-align: center;
    position: fixed;
    color: @brand-primary;
    border-top: 1*@hd solid #EEE9E9;
    .voiceButton {
      height: 30*@hd;
      width: 50*@hd;
      line-height: 30*@hd;
      margin-top: 10*@hd;
    }
    .voiceButton-left {
      margin-left: 22*@hd;
    }
    .voiceButton-right {
      float: right;
    }
    .icon{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      width: 35*@hd;
      height: 35*@hd;
      // margin-top: 4*@hd;
    }
    .icon-voice {
      background: @brand-primary;
      border-radius: 50%;
    }
    .create {
      margin-top: 7*@hd;
      margin-bottom: 2*@hd;
    }
    .dot {
      display: flex;
      justify-content: center;
      height: 6*@hd;
      padding-top: 3*@hd;
      width: 100%;
      div{
        background: #D8D8D8;
        height: 4*@hd;
        width: 4*@hd;
        border-radius: 50%;
      }
      .div1 {
        margin-right: 6*@hd;
        background: @brand-primary;
      }
    }
    .left, .right {
      text-align: center;
      color: #333333;
      .label {
        font-size: 12*@hd;
      }
    }
    .active {
      color: @brand-primary;
    }
  }
  .voiceMask {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
  .voice-area {
    position: fixed;
    left: 0;
    bottom: 49*@hd;
    width: 100%;
    border-top: 1*@hd solid #F3F7FE;
    // background: #F3F7FE;
    background: #fff;
    .voiceText {
      height: 54%;
      // background: red;
    }
    .voiceSiriArea {
      height: 46%;
      .voiceSiri {
        height: 60*@hd;
      }
    }
  }
  .loaidng-icon {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
}
